<template lang="pug">
  .global-container
    .global-container-header
      .title 新增用户
    .global-container-content.global-container-operate
      .operate-content
        .operate-content-body
          .operate-content-header 基础信息
          .flex-row
            .left-header
              span.necessary *
              | 用户名:
            input(placeholder="请输入用户名", v-model="userName")
          .flex-row
            .left-header
              | 邮箱:
            input(placeholder="请输入邮箱", v-model="userEmail")
          .flex-row
            .left-header
              | 手机号:
            input(placeholder="请输入手机号", v-model="userPhone")
          .flex-row
            .left-header
              | 性别:
            .row-radio
              NativeRadio(worth="1", v-model="userSex")
              span 男
            .row-radio
              NativeRadio(worth="2", v-model="userSex")
              span 女
      .operate-btn
        .btn.btn-cancel 取消
        .btn.btn-save 保存
</template>

<script>
import NativeRadio from '../../components/NativeRadio'
export default {
  data () {
    return {
      userName: '',
      userEmail: '',
      userPhone: '',
      userSex: '1'
    }
  },
  components: {NativeRadio}
}
</script>

<style scoped>

</style>
